<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html lang="zh-cn">
<head class="wangYeDeYanSe">
    <meta class="wangYeDeYanSe" http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta class="wangYeDeYanSe" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" class="wangYeDeYanSe" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta class="wangYeDeYanSe" http-equiv="Content-Language" content="zh-CN">
    <title class="wangYeDeYanSe">${siteName}</title>
    <link class="wangYeDeYanSe" href="http://res.weiunity.com/template/qiye1/files/style.css" rel="stylesheet"
          type="text/css" media="screen">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://res.weiunity.com/template/qiye1/files/html5-css3.js"></script>
    <![endif]-->
    <script class="wangYeDeYanSe" src="http://res.weiunity.com/template/qiye1/files/common.js"
            type="text/javascript"></script>
    <script class="wangYeDeYanSe" src="http://res.weiunity.com/template/qiye1/files/responsiveslides.min.js"
            type="text/javascript"></script>
    <script class="wangYeDeYanSe" src="http://res.weiunity.com/template/qiye1/files/jquery.bxslider.min.js"
            type="text/javascript"></script>
    <script class="wangYeDeYanSe" src="http://res.weiunity.com/template/qiye1/files/moyu.js"
            type="text/javascript"></script>
</head>
<body class="wangYeDeYanSe" style="border-image: none;"><br>

<div class="topbar wangYeDeYanSe" style="border-image: none;">
    <div class="inner wangYeDeYanSe">
        <div class="topbar-left wangYeDeYanSe" style="border-image: none;"><span class="fav wangYeDeYanSe"><a
                class="wangYeDeYanSe" style="" onclick="AddFavorite('${siteName}','/')" href="javascript:void(0);"
                rel="nofollow">收藏本站</a></span> <span class="descript wangYeDeYanSe"
                                                     style="border-image: none;">${siteName}</span></div>
        <div class="topbar-right wangYeDeYanSe"><span class="wangYeDeYanSe"><a title="微博" class="wangYeDeYanSe"
                                                                               href="http://weibo.com" target="_self"
                                                                               rel="nofollow">新浪微博</a></span> <span
                class="tencent wangYeDeYanSe"><a class="wangYeDeYanSe" href="http://t.qq.com" target="_self"
                                                 rel="nofollow">腾讯微博</a></span> <span class="qq wangYeDeYanSe"><a
                title="腾讯QQ" class="wangYeDeYanSe"
                href="http://wpa.qq.com/msgrd?v=3&amp;uin=${qq}&amp;site=/qq&amp;menu=yes" target="_self"
                rel="nofollow">腾讯QQ</a></span></div>
    </div>
</div>

<header class="inner wangYeDeYanSe" id="header" style="border-image: none;">
    <div class="logo wangYeDeYanSe" style=""><a title="${siteName}" class="wangYeDeYanSe" style="" href="index.jsp"
                                                target="_self"><img width="350" height="74" class="wangYeDeYanSe"
                                                                    style="border-image: none;" alt="${siteName}"
                                                                    src="<%=basePath%>${logo}"></a>
    </div>
</header>

<nav class="inner wangYeDeYanSe" id="menu" style="border-image: none; background-color: rgb(79, 157, 31);">
    <div class="menu wangYeDeYanSe">
        <ul class="wangYeDeYanSe">
            <li class="wangYeDeYanSe"><a class="wangYeDeYanSe" style="border-image: none;" href="">首页</a></li>
            <c:forEach items="${columnList}" var="column">
            <li class="wangYeDeYanSe"><a class="wangYeDeYanSe" style="border-image: none;" id="listItem${column.id}"
                                         onclick="selectColumn(listItem${column.id})"
                                         href="#">${column.name}</a>
                <c:if test="${!empty siteTwoColumn}">
                    <ul class="sub-menu wangYeDeYanSe" style="border-image: none; display: none;">
                        <c:forEach items="${siteTwoColumn}" var="siteTwoColumn">
                            <c:if test="${siteTwoColumn.parentid eq column.id}">

                                <li class="menu-item wangYeDeYanSe"><a class="wangYeDeYanSe" style="border-image: none;" id=listItem${siteTwoColumn.id}
                                                                       onclick="selectColumn(listItem${siteTwoColumn.id})"  href="#">${siteTwoColumn.name}</a>
                                </li>

                            </c:if>
                        </c:forEach>
                    </ul>
                </c:if>
                </c:forEach>

            </li>
        </ul>
    </div>
</nav>
<div class="inner wangYeDeYanSe" id="slidershow">
    <ul class="rslides transparent-btns transparent-btns1 wangYeDeYanSe" id="slides">
        <li class="transparent-btns1_on wangYeDeYanSe" id="transparent-btns1_s0"
            style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;">
            <a class="wangYeDeYanSe" href="javascript:;" target="_self"><img width="1047" height="218"
                                                                             class="wangYeDeYanSe"
                                                                             style="border-image: none;"
                                                                             alt="这里上传图片时，图片的高度稍微大点，显示的就会高了"
                                                                             src="<%=basePath%>${broadcastImgPath}"></a>
        </li>
        <li class="transparent-btns1_on wangYeDeYanSe" id="transparent-btns1_s1"
            style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; transition: opacity 500ms ease-in-out;">
            <a title="首页幻灯大图二" class="wangYeDeYanSe" href="javascript:;" target="_blank"><img class="wangYeDeYanSe"
                                                                                              alt="首页幻灯大图二"
                                                                                              src="<%=basePath%>${broadcastImgPath}"></a>
        </li>
        <li class="wangYeDeYanSe" id="transparent-btns1_s2"
            style="float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; transition: opacity 500ms ease-in-out;">
            <a title="首页幻灯大图一" class="wangYeDeYanSe" href="javascript:;" target="_blank"><img class="wangYeDeYanSe"
                                                                                              alt="首页幻灯大图一"
                                                                                              src="<%=basePath%>${broadcastImgPath}"></a>
        </li>
    </ul>
    <ul class="transparent-btns_tabs transparent-btns1_tabs wangYeDeYanSe" style="display:none;">
        <li class="transparent-btns1_s1 transparent-btns_here wangYeDeYanSe"><a
                class="transparent-btns1_s1 wangYeDeYanSe" href="#">1</a></li>
        <li class="transparent-btns1_s2 wangYeDeYanSe"><a class="transparent-btns1_s2 wangYeDeYanSe" href="#">2</a></li>
        <li class="transparent-btns1_s3 wangYeDeYanSe"><a class="transparent-btns1_s3 wangYeDeYanSe" href="#">3</a></li>
    </ul>
</div>

<div class="inner wangYeDeYanSe" id="container" style="border-image: none;">
    <main class="main wangYeDeYanSe" style="">

        <%--<section class="about wangYeDeYanSe listItemCls" id="list${list.cid}" style="border-image: none;display: none;">--%>
        <section class="about wangYeDeYanSe listItemCls" id="list${list.cid}" style="border-image: none;display: none;">

        </section>
        <%--</c:forEach>--%>
        <section class="about wangYeDeYanSe listItemCls" id="list${cid}" style="border-image: none">
            <h3 class="wangYeDeYanSe" style="border-image: none;">公司简介</h3>
            <p class="wangYeDeYanSe" style="border-image: none;">
                <img class="wangYeDeYanSe" style="border-image: none;" alt="公司简介"
                     src="<%=basePath%>${introduceImgPath}">${introduce}
            </p></section>
    </main>
    <aside class="sidebar contact wangYeDeYanSe" style="border-image: none;">
        <section class="widget wangYeDeYanSe" style="border-image: none;">
            <h3 class="wangYeDeYanSe" style="border-image: none;">联系信息</h3>
            <div class="textwidget wangYeDeYanSe" style="border-image: none;">
                <p class="pic wangYeDeYanSe"><img class="wangYeDeYanSe" style="border-image: none;" alt="联系信息"
                                                  src="http://res.weiunity.com/template/qiye1/files/online.jpg"></p>
                <p class="wangYeDeYanSe" style=""><b class="wangYeDeYanSe"
                                                     style="border-image: none;">咨询热线：</b>${hotline}
                </p>
                <p class="wangYeDeYanSe" style=""><b class="wangYeDeYanSe"
                                                     style="border-image: none;">移动电话：${phone}</b></p>
                <%--<p class="wangYeDeYanSe" style=""><b class="wangYeDeYanSe" style="border-image: none;">图文传真：</b>1234-12345678--%>
                <%--</p>--%>
                <p class="wangYeDeYanSe" style=""><b class="wangYeDeYanSe" style="border-image: none;">腾讯
                    QQ：${qq}</b></p>
                <p class="wangYeDeYanSe" style="border-image: none;"><b class="wangYeDeYanSe"
                                                                        style="border-image: none;">企业邮箱：</b>${companyEmail}
                </p>
                <p title="山东省济南市高新区英才路2号" class="wangYeDeYanSe" style="border-image: none;"><b class="wangYeDeYanSe"
                                                                                               style="border-image: none;">公司地址：</b>${address}
                </p>
            </div>
        </section>
    </aside>
    <div class="clear wangYeDeYanSe"></div>

    <section class="homeProbox wangYeDeYanSe" style="">
        <h3 class="wangYeDeYanSe" style="border-image: none;">热门产品</h3>
        <ul class="wangYeDeYanSe" style="border-image: none;">
            <c:forEach items="${products}" var="list">

                <li class="wangYeDeYanSe">
                    <div class="proItem wangYeDeYanSe" style=""><a class="wangYeDeYanSe"
                                                                   href=""
                                                                   target="_blank"><img class="wangYeDeYanSe"
                                                                                        style="border-image: none;"
                                                                                        alt="${list.productName}"
                                                                                        src="<%=basePath%>${list.imgPath}"></a>
                        <p class="wangYeDeYanSe"><a class="wangYeDeYanSe" style="border-image: none;"
                                                    href="javascript:alert('这里可以进入后台后，直接右键点击此处进行修改');"
                                                    target="_self">${list.productName}</a>
                        </p>
                    </div>
                </li>
            </c:forEach>
        </ul>
    </section>

    <div class="news-box wangYeDeYanSe" style="">


        <section class="box wangYeDeYanSe">
            <h3 class="wangYeDeYanSe" style=""><a title="公司新闻" class="wangYeDeYanSe" style="" href="gongsixinwen.html"
                                                  target="_self">公司新闻</a></h3>
            <ul class="wangYeDeYanSe" style="">

            </ul>
        </section>


        <section class="box wangYeDeYanSe">
            <h3 class="wangYeDeYanSe" style="border-image: none;"><a title="行业动态" class="wangYeDeYanSe"
                                                                     style="border-image: none;"
                                                                     href="hangyedongtai.html" target="_self">行业动态</a>
            </h3>
            <ul class="wangYeDeYanSe" style="border-image: none;">

            </ul>
        </section>


        <section class="box wangYeDeYanSe">
            <h3 class="wangYeDeYanSe" style=""><a title="技术分享" class="wangYeDeYanSe" href="jishufenxiang.html"
                                                  target="_self">技术分享</a></h3>
            <ul class="wangYeDeYanSe" style="">

            </ul>
        </section>


        <div class="clear wangYeDeYanSe"></div>
    </div>
</div>
<div class="inner wangYeDeYanSe" id="friendlinks" style="border-image: none;">
    <ul class="wangYeDeYanSe" style="border-image: none;">

    </ul>
</div>

<footer class="wangYeDeYanSe" id="footer">
    <div class="footer wangYeDeYanSe">
        <div class="inner wangYeDeYanSe">
            <div class="pageslist wangYeDeYanSe">

            </div>

            <div class="copyright wangYeDeYanSe"> Copyright <a class="wangYeDeYanSe" href="index.jsp">supermap.com</a>
                Rights
                Reserved. 技术支持：<a class="wangYeDeYanSe" href="http://wang.market" target="_black">supermap</a></div>
        </div>
    </div>
</footer>


<script class="wangYeDeYanSe" src="http://res.weiunity.com/js/templateAssist.js" type="text/javascript"></script>

<div class="tools wangYeDeYanSe">
    <span class="tools-phone wangYeDeYanSe" style="width: 0px; margin-left: 0px;">${phone}</span> <span
        class="mobile-phone wangYeDeYanSe"> <a class="wangYeDeYanSe" href="tel:${phone}" rel="nofollow"></a>
	</span> <span class="tools-qq wangYeDeYanSe"> <a title="腾讯QQ" class="wangYeDeYanSe" style=""
                                                     href="http://wpa.qq.com/msgrd?v=3&amp;uin=${qq}&amp;site=/qq&amp;menu=yes"
                                                     target="_self" rel="nofollow"></a></span>
    <span class="backtop wangYeDeYanSe" style=""></span>
</div>

<div class="layui-layer-move wangYeDeYanSe"></div>

</body>
<script>
    var im_kefu_socketUrl = 'localhost:8081';
    var attachmentFileUrl = 'http://localhost:8080/';
    var id;

    function selectColumn(domId) {

        $.ajax({
            url: "<%=basePath %>CompanyInfoController/description.do",
            type: "post",
            data: { id: domId.id.substring(8,12) },
            dataType: "json",
            success: function( result ) {

                var content = ``,
                    listContent = ``,
                    sectionContent = document.querySelector("section#list1");

                if(!result.intro==''&&!result.titlepic==''){

                    listContent += "<img class='wangYeDeYanSe' style='border-image: none;' src='"
                        + result.titlepic+" }'>"+ result.intro;
                }
                if(!result.title==''){
                    content += "<h3 class='wangYeDeYanSe' style='border-image: none;'>"+ result.title +"</h3>" +
                        "<p class='wangYeDeYanSe' style='border-image: none;'>"+ listContent +"</p>";
                }else{
                    content += "<h3 class='wangYeDeYanSe' style='border-image: none;'>"+ '没有配置 ' +"</h3>" +
                        "<p class='wangYeDeYanSe' style='border-image: none;'>"+ listContent +"</p>";
                }


                sectionContent.innerHTML = content;
            }
        });
    }

</script>
<script src="http://res.weiunity.com/js/fun.js"></script>
</html>